<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<title></title>
		<style>
			.change {
  width: 0.26666667rem !important;
  height: 0.26666667rem !important;
  background-color:green !important;

}
		
		</style>
		<link rel="stylesheet" type="text/css" href="css/anniu.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/首页-2.css"/>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<script src="js/jquery-1.11.2.min.js"></script>
	</head>
	<body>
		
		<div class="warp">
			<header class="header">	
				<img id="xiaoxi" src="img/news.png" class="img"/>
				<span class="span">凯叔讲故事</span>
				<img src="img/play.png" class="_img"/>
			</header>
			
			<section class="section">
				<!--拍照功能-->
				<input style="display: none;" class="file" type="file" />
				<img id="header" src="img/logo.png" class="img"/>
				
				<p class="p"><span id="zhang">张啊啊啊啊啊</span><img   id="bj" src="img/编辑.png" class="img_one"/></p>
				<p class="_p"><img src="img/woman.png" class="img_two"/><span>2010-1-3</span></p>
			
			</section>
			


			
			<article class="article">
				<p class="p"><img  id="zji" class="msg" src="img/special.png" /><span>我的专辑 </span></p>
				<span id="oone" class="span">1　<img src="img/go.png"/></span>
			</article>
			
			<article class="article">
				<p class="p"><img class="msg" src="img/heard.png" /><span>我听过的 </span></p>
				<span id="seven" class="span">7　<img src="img/go.png"/></span>
			</article>
			
			<article class="article">
				<p class="p"><img  class="msg" src="img/like.png" /><span>我的收藏 </span></p>
				<span id="show" class="span">0　<img src="img/go.png"/></span>
			</article>
			
			<article class="article">
				<p class="p"><img class="msg" src="img/下载.png" /><span>我的下载 </span></p>
				<span id="on" class="span">14　<img src="img/go.png"/></span>
			</article>
             <!--    账户信息 添加 事件 -->
            <article style="border-top: 10px solid #f0f0f0" class="article">
				<p class="p"><img class="msg"  src="img/my.png" /><span>账户信息 </span></p>
				<span id="my" class="span">　<img src="img/go.png"/></span>
			</article>

			
			
			
			<article class="_article">
				
				<p class="p"><img class="msg" src="img/sleep.png" /><span>睡眠模式 </span></p>
				<span class="span">
					<label class="switch">
			    <input id="ipt" type="checkbox" class="switch-input" checked>
			    <span id="span_one" class="switch-label" ></span>
			    <span class="switch-handle"></span>
		    </label>
				</span>
			</article>
			
				<article class="section_one">
					<figcaption class="time">
					<span class="span">10分钟</span>
					<span>20分钟</span>
					<span>30分钟</span>
					<span>60分钟</span>
					<span class="_span">90分钟</span>
					</figcaption>
					
					<figcaption class="show">
					<div class="idus"></div><div class="box"></div><div class="idus"></div><div class="box"></div><div class="idus"></div><div class="box"></div><div class="idus"></div><div class="box"></div><div class="idus"></div>
					</figcaption>
				</article>
			
			
			
			
			
			
			
			<article class="article">
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1195566313&site=在线客服&menu=yes"><p  class="p"><img class="msg" src="img/service.png" /> <span>在线服务 </span></p></a>
				<span class="span">　<img src="img/go.png"/></span>
			</article>
			
			<article class="article">
				<p class="p"><img class="msg" src="img/versions.png" /><span>当前版本 </span></p>
				<span id="this" class="span">1.0</span>
			</article>





				


			
			<article class="dengLu">
				<button class="btn">退出登录</button>
			</article>
			
			
			<footer class="footer">
				<figcaption class="my">
				<img id="infos"  class="msg" src="img/倾听.png" />
				<p class="_my">故事</p>
			    </figcaption>
			
			
			<figcaption class="my_one">
				<img id="task"  class="msg1" src="img/task.png"/>
				<p class="_my">任务</p>
			</figcaption>
			
			
				<figcaption class="my_two">
				<img  class="msg2" src="img/click.png"/>
				<p class="_my">我的</p>
			</figcaption>
			
			</footer>
			
		</div>




	



		<script src="js/jquery-1.11.2.min.js"></script>
		<script>
			var ipt = document.getElementById("ipt");

              // 效果弹框
                    // document.diolog();
               // alert("尊敬的vip用户欢迎您");


             


             // 弹框结束

		//  按钮事件 加细节	
			$("#span_one").click(function(event){
				
				//e || event;
				
				// $(".section_one").stop().toggle();

                         //alert("123")

	 var hid =  $(".section_one").is(":hidden");
			    //  console.log(hid)
			    if (hid === false) {
			    var div = 	$(".idus");
			   // console.log(div);
			    div.removeClass("change");
			    $(".section_one").hide()
			    }
			    else {
			    	$(".section_one").show();

			    }
				
			})



			//  点击变大
			
			$(".idus").click(function(){
				
				  $(this).stop().addClass("change").siblings().removeClass('change');
			})
			
			
			// 拍照功能
			$("#header").click(function (){
			return	$(".file").click()
				
			})

			//  推出登录按钮
			$(".btn").click(function(event) {
				var bln = window.confirm("确定要注销吗"); 

				if (bln===true) {
					alert("注销成功")

				}

                          
			});
			
        //      跳转到刘源浩
			$("#on").click(function(event) {
				location.href = "myliusir/index4.html"
			});


			$("#seven").click(function(event) {
				location.href = "myliusir/index3.html"
			});


			$("#this").click(function(event) {
				location.href = "myliusir/index.html"
			});

			$("#show").click(function(event) {
				location.href = "myliusir/index2.html"
			});
			
			// 结束 暂时
		
          // 跳转老耿
          
          $("#xiaoxi").click(function(event) {
				location.href = "mylao/eml.html"
			});


           $("#my").click(function(event) {
				location.href = "mylao/monkey.html"
			});



           $("#infos").click(function(event) {
				location.href = "mymove/mythree/index.html"
			});

          // 跳转 结束 暂时


          //  编辑



             // 跳转张影
             // 
         $("#oone").click(function(event) {
				location.href = "mymove/myfour/myzj.html"
			});

       

       //task
       //
      $("#task").click(function(event) {
      	      alert("正在开发中！")
      });
          
          // bg
          $("#bj").click(function(event) {
          	  var name = prompt('请输入编辑内容' );
                  if(name===""){

                  	alert("不能为空")

                  }
                 
                  else if (name===null){


                  }
                   else {
                  	console.log(name);
                    var gulp =  	$("#zhang").text(name);
                    console.log(gulp)
                  }

          	  
          });



//    function openDialogA()
// {  
//     window.open  ("test.htm",'','resizable=yes,width=100,height=100,scrollbars=yes,status=yes,screenX=100,screenY=100, top=10,left=10');
// }
// tencent://message/?uin=1195566313&Site=admin5.com&Menu=yes






		</script>
	</body>
</html>
